<template>
  <div id="app">
      <!-- 一级视图  主页/登录/404-->
      <router-view class="page"></router-view>
  </div>
</template>

<script>
   // import { mapGetters,mapActions } from 'vuex';
   export default {
      name:"RootView",

      // 数据持久化 => 根组件初始化渲染时默认执行一次 => 但是发现 /login /404,没有必要执行此操作 => 只有主页需要 => 如何让以下代码只在 首页 / 中执行
      // 1. 添加if判断  如果this.$route.path == /login或/404 就跳过
      // 2. 将以下代码放到 首页中执行

      /* computed:{
         ...mapGetters(["isLogin"])
      },
      methods:{
         ...mapActions(["initAndUpdateUserInfo"]),
      },
      created(){
         this.initAndUpdateUserInfo();
      },
      mounted(){
         console.log("isLogin",this.isLogin);
         if(!this.isLogin){ // 判断用户是否登录?
            this.$router.push({name:"login",query:{ReturnUrl:this.$route.fullPath}})
         }
      } */
      
   }
</script>

<style>
   /* 全局 */
   html,body,#app,.page{
      width: 100%;
      height: 100%;
   }

</style>
